function applyRandomId(sectionElement) {
  const input = sectionElement.querySelector('[name="settings[randomId]"]');
  if (input) {
    if (!input.value) {
      const randomId = 'ID-' + Math.random().toString(36).substr(2, 8).toUpperCase();
      input.value = randomId;
      input.dispatchEvent(new Event('input', { bubbles: true })); // báo cho Shopify lưu
    }
    input.setAttribute('readonly', true);
    input.style.backgroundColor = '#f8f8f8';
  }
}

// Khi section được load trong Theme Editor
document.addEventListener('shopify:section:load', function(event) {
  applyRandomId(event.target);
});

// Gọi khi trang load (lần đầu mở Customize)
document.addEventListener('DOMContentLoaded', function() {
  document.querySelectorAll('[data-section-id]').forEach(section => {
    applyRandomId(section);
  });
});
